<template>
	<view class="user-spread-order" :class="themeName">
		<tabs :current="active" @change="handleChange" bar-width="60" :is-scroll="false" :active-color="themeColor">
			<tab v-for="(item, index) in order" :key="index" :name="item.name">
				<spread-order :type="item.type" :i="index" :index="active"></spread-order>
			</tab>
		</tabs>
	</view>
</template>

<script>
import { DistributionOrderEnum } from '@/utils/enum';
import spreadOrder from '@/bundle/components/spread-order/spread-order.vue';
export default {
	components: {
		spreadOrder
	},
	data() {
		return {
			order: [
				{
					name: '全部',
					type: DistributionOrderEnum['ALL']
				},
				{
					name: '待返佣',
					type: DistributionOrderEnum['WAIT_RETURN']
				},
				{
					name: '已结算',
					type: DistributionOrderEnum['HANDLED']
				},
				{
					name: '已失效',
					type: DistributionOrderEnum['INVALED']
				}
			],
			active: DistributionOrderEnum['ALL']
		};
	},
	onLoad: function (options) {},

	methods: {
		handleChange(index) {
			this.active = index;
		}
	}
};
</script>
<style></style>